<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Amaze UI Examples</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="icon" type="image/png" href="assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
  <link rel="canonical" href="http://www.example.com/">
  -->

    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="assets/css/app.css">

</head>

<body>


    <div class="app">
        <div class="up_down" style="flex: 1">
                <button type="button" class="am-btn am-btn-primary">前进</button>

                <button type="button" class="am-btn am-btn-secondary">后退</button>
        </div>
        <div class="up_down" style="flex: 2">
            <div class="tools">
                    <div class="am-btn-group">
                            <button type="button" class="am-btn am-btn-primary am-round">手机控制</button>
                            <button type="button" class="am-btn am-btn-primary am-round">自主驾驶</button>  
                    </div>
                    <div>
                            <button class="stop"> 停车 </button>
                    </div>
                
            </div>
            <div class="left_right">
                    <button type="button" class="am-btn am-btn-warning">左转</button>
                    <button type="button" class="am-btn  am-btn-danger">右转</button>
            </div>
               
        </div>

    </div>



    <script src="assets/js/zepto.min.js?1.1.4"></script>
    <script src="assets/js/amazeui.js"></script>
    
</body>

</html>